var $table = $('#announcement_list');
// 获取当前年月
var thisYear = new Date().getFullYear().toString();
var thisMonth = (new Date().getMonth() + 1).toString();
var ymDateStr = thisYear + '-' + thisMonth;
var pageIndex = 1, pageSize = 5, pageSum;
// 销售明星榜 上月
var lastMonth = new Date().getMonth() ? (thisYear + '-' + new Date().getMonth()) : (thisYear - 1) + '-12';
var msg_list_loading = false;
var pageNum = 1;

// 初始化招聘看板列表页
$(function () {
    $('select').selectpicker({
        sanitize: true,
        size: 10,
        width:100,
        style:'selRadius'
    })
    // 处理页面有滚动条时，页面右侧边距缩窄
    /*if (window.innerWidth !== $(document).width()) {
        $('.container-fluid').addClass('p-scroll');
    }*/

/*    $('.l-wrap').on('scroll', function(){
        var tabsFlag = $('#rankTabActive').val();
        if(tabsFlag == 0){
            if ( ! msg_list_loading ){
                loadMoreMsg();
            }
        }

    })*/

    // 系统公告
    announcementTableInit();

    // 日期控件
    $('#dateYear').datepicker({
        language: 'zh-CN',
        maxViewMode: 'decade',
        minViewMode: 'months',
        format: 'yyyy-mm',
        autoclose:true,
        todayHighlight: true,
        todayBtn: 'linked'
    }).datepicker('setDate', ymDateStr).on('changeDate', function (e) {
        console.log('修改了日期');
        ymDateStr = $(this).val();
        dataBriefing();
    }).on('show', function (e) {
        $('th.today').text('返回当前月份');
    });
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 'auto',
        spaceBetween: 20,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    dataBriefing();

    messageInit();

    // 排行榜筛选
    $('#statisticsYear').datepicker({
        language: 'zh-CN',
        startView: 'decade',
        endView: 'decade',
        maxViewMode: 'decade',
        minViewMode: 'decade',
        format: 'yyyy',
        autoclose:true,
        todayHighlight: true,
    }).on('changeYear', function (ev) {
        // $('#statisticsMonth').datepicker('clearDates');
        $('#statisticsMonth').val('').prop('disabled', false);
        $('#rankAllData').prop('checked', false);
        setTimeout(function () {
            console.log('changeYear');
            /*msg_list_loading = false;
            pageNum = 1;*/
            $('.l-wrap').scrollTop(0);
            funRankAchieve();
            /*var tabsFlag = $('#rankTabActive').val();
            if(tabsFlag == 0){
                myRankData();
            }*/
        }, 100);
    });
    $('#statisticsMonth').datepicker({
        language: 'zh-CN',
        startView: 'year',
        endView: 'year',
        maxViewMode: 'year',
        minViewMode: 'year',
        format: 'mm',
        autoclose:true,
        todayHighlight: true,
        clearBtn: true,
    }).on('changeMonth', function (e) {
        $('#rankAllData').prop('checked', false);
        setTimeout(function () {
            console.log('changeMonth');
            msg_list_loading = false;
            pageNum = 1;
            funRankAchieve();
            /*var tabsFlag = $('#rankTabActive').val();
            if(tabsFlag == 0){
                myRankData();
            }*/

            $('.l-wrap').scrollTop(0)
        }, 100);
    }).on('clearDate', function () {
        setTimeout(function () {
            console.log('clearMonth');
            msg_list_loading = false;
            pageNum = 1;
            $('.l-wrap').scrollTop(0)
            funRankAchieve();
            /*var tabsFlag = $('#rankTabActive').val();
            if(tabsFlag == 0){
                myRankData();
            }*/
        }, 100);
    });
    $('#rankAllData').on('click', function () {
        $('#statisticsYear, #statisticsMonth').val('');
        $('#statisticsMonth').prop('disabled', true);
        /*msg_list_loading = false;
        pageNum = 1;*/
        $('.l-wrap').scrollTop(0)
        funRankAchieve();
        /*var tabsFlag = $('#rankTabActive').val();
        if(tabsFlag == 0){
            myRankData();
        }*/
    });
    // 排行榜标签切换
    $('#rankTabs span').on('click', function () {
        var flag = $(this).data('tabs');
        $(this).addClass('p-active').siblings('span').removeClass('p-active');
        $('#rankTabActive').val(flag);

        // 切换标签重置筛选条件
        $('#statisticsYear, #statisticsMonth').val('');
        $('#statisticsMonth').prop('disabled', true);
        $('#rankAllData').prop('checked', true);

        msg_list_loading = false;
        pageNum = 1;
        // 排行榜单加载
        funRankAchieve();
        /*var tabsFlag = $('#rankTabActive').val();
        if(tabsFlag == 0){
            myRankData();
        }*/
        $('.l-wrap').scrollTop(0)
    });

    // 初始化排行榜单 - 业绩排行
    funRankAchieve();

    //业绩排行名次
    // myRankData();

    // 销售明星榜
    $('#starDateYear').datepicker({
        language: 'zh-CN',
        maxViewMode: 'decade',
        minViewMode: 'months',
        format: 'yyyy-mm',
        autoclose: true,
        todayHighlight: true,
        // todayBtn: 'linked',
        endDate: lastMonth
    }).datepicker('setDate', lastMonth).on('changeDate', function (e) {
        console.log('修改了日期');
        starTop();
    }).on('show', function (e) {
        $('th.today').text('返回当前月份');
    });

    // 点赞交互
    $('.star-ranking button').on('click', function () {
        var animateDom = $(this).find('i');
        if (animateDom.hasClass('star-animate')) {
            // 取消点赞操作
        } else {
            // 点赞操作
            animateDom.fadeIn(100).addClass('star-animate').delay(400).fadeOut();
        }
    });
    // 留言获取id
    $('.btn-secondary').on('click', function () {
        var rankDom = $(this).parents('.star-ranking');
        $('#rankId').val(rankDom.attr('id'));
        $('#messageModal h4 span').text(rankDom.find('h4').text());
    })
    // 留言弹窗关闭重置
    $('#messageModal').on('hide.bs.modal', function () {
        $(this).find('input, textarea').val('');
    });
    // 上传头像
    $('.btn-avatar').on('click', function () {
        $('#editHeadModal').modal('show');
    });
    // 榜单TOP3
    starTop();
    // 留言榜
    messageList(pageIndex, pageSize);
    // 更多留言
    $('#moreMessage').on('click', function () {
        $(this).prop('disabled', true).html('<i class="mdi mdi-spin mdi-image-filter-tilt-shift"></i>');
        if (pageIndex < pageSum) {
            messageList(++pageIndex, pageSize, true);
            $('#messageList').addClass('scroll');
        } else {
            pageIndex = 1;
            messageList(1, pageSize);
            $('#messageList').removeClass('scroll');
        }
    });

    // 业绩排行
    $('.my-ranking').on('click', 'a', function () {
        var tabActive = $('#rankTabActive').val();
        var rankingNum = $('#myRank').text();
        if (tabActive == '0' && rankingNum > 0) {
            $('.rank-body').animate({
                scrollTop: 76 * rankingNum - 76
            })
        }
    });
});

function loadMoreMsg(){
    if($('.l-wrap').scrollTop()+$('.l-wrap').height() >= $('.l-wrap')[0].scrollHeight-60){
        msg_list_loading = true;
        funRankAchieve();
    }
}

/**
 * 功能：上传头像
 * */
function uploadAvatar() {
    var imageId = $('#imageId').text(); //图片id
    $.ajax({
        url: '/userInfo/saveUserInfo',
        type: 'POST',
        dataType: "json",
        contentType: "application/json;charset=utf-8",
        data: JSON.stringify({
            userId: $('#userId').val(), //用户基本信息id
            uploadId: imageId,
        }),
        success: (function (data) {
            if (data.code == "000000") {
                starTop();
            } else {
                $.alert("操作失败");
            }
        }),
        error: (function () {
            $.alert("失败");
        })
    });
}
/**
 * 上传图片
 * @param ele
 */
function getNewsPicUpload(ele) {
    //文件选择
    var formData = new FormData();
    //获取选择文件个数
    var files = document.getElementById("files").files;
    if (files.length == 0) {
    } else {
        var path = files[0].name;
        var suffix = path.substr(path.lastIndexOf('.'));
        var lowerSuffic = suffix.toLowerCase();
        if (lowerSuffic === '.jpg' || lowerSuffic === '.png' || lowerSuffic === '.gif') {
            //选择文件，上传选择文件
            for (let i = 0; i < files.length; i++) {
                formData.append('files', $(ele)[0].files[i]);
            }

            $.ajax({
                url: '/file/upload',
                type: 'POST',
                dataType: "json",
                contentType: false,
                data: formData,
                processData: false,
                success: (function (data) {
                    if (data.code == "000000") {
                        //进行照片回显
                        var files = new Array();
                        files = data.data;
                        $("#newsPic").attr('src', files[0].accessUrl);
                        $("#imageId").html(files[0].uploadId);
                    }
                }),
                error: (function (res) {
                    $.alert("失败");
                })
            });
        } else {
            $.alert('上传图片格式不正确');
        }
    }
}

/**
 * 功能：榜单TOP3
 * 参数：companyId - 榜单人员所属公司ID
 *      companyName - 榜单人员所属公司名称
 *      accountId - 账号ID
 *      userName - 用户名
 *      accessUrl - 头像信息
 *      thumbUpCount - 点赞数
 *      flowerCount - 送花数
 *      messageCount - 留言数
 *      isThumbUp - 当前登录用户是否点赞(0：否；1：是)
 *      isFlower - 当前登录用户是否送花(0：否；1：是)
 * */
function starTop() {
    $('.star-ranking button').prop('disabled', true);
    $('.star-ranking h4').text('');
    $('.star-ranking li > span').text('0');
    $('.star-ranking .avatar div').html('');

    $.ajax({
        url: '/mainSalesman/getSalesmanGiftStat',
        type: 'get',
        dataType: 'json',
        data: {
            date: $('#starDateYear').val()
        },
        success: function (data) {
            if (data.code == '000000') {
                var datas = data.data;
                for (let i = 0; i < datas.length; i++) {
                    var starDom = $('#starTop' + (i + 1));
                    // 数据回显
                    starDom.children('input').val(datas[i].accountId);      // id
                    starDom.find('h4').text(datas[i].userName);             // 姓名
                    starDom.find('.avatar div').html('<img src="' + (datas[i].accessUrl || '/images/head-neutral.png') + '">');     // 头像
                    starDom.find('.action-1').text(datas[i].thumbUpCount);  // 点赞数
                    starDom.find('.action-2').text(datas[i].flowerCount);   // 送花数
                    starDom.find('.action-3').text(datas[i].messageCount);  // 留言数

                    starDom.find('button').prop('disabled', false);

                    // 点赞、送花判断
                    if (datas[i].isThumbUp == 1) {
                        starDom.find('button.btn-info').prop('disabled', true);
                    }
                    if (datas[i].isFlower == 1) {
                        starDom.find('button.btn-danger').prop('disabled', true);
                    }

                    // 判断是否是当前用户
                    if (parseInt(datas[i].isSelf) && !datas[i].accessUrl) {
                    // if (datas[i].isSelf) {
                        $('#userId').val(datas[i].userId);
                        starDom.find('.box > a').show();
                    } else {
                        starDom.find('.box > a').hide();
                    }
                }
            } else {
                $.alert({
                    title: '系统提示',
                    content: '榜单TOP3数据加载失败！(错误代码：' + data.code + ')'
                });
            }
        },
        error: function (err) {
            $.alert({
                title: '系统提示',
                content: '榜单TOP3数据加载失败！'
            });
        }
    })
}

/**
 * 功能：点赞、送花、留言
 * */
function starAction(el, type) {
    var $this = $(el);
    var rankId = type == 3 ? '#' + $('#rankId').val() : '#' + $this.parents('.star-ranking').prop('id');
    var supportedAccountId = $(rankId).children('input').val();
    var supportedUserName = $(rankId).find('h4').text();
    if (!$('#messageContent').val() && type == 3) {
        $.alert({
            title: '系统提示',
            content: '留言内容不能为空，请填写留言内容！'
        });
        $this.find('i').removeClass('star-animate');
        return;
    }

    $this.prop('disabled', true);
    type == 3 && $this.html('<i class="mdi mdi-spin mdi-loading"></i> 提交中...');

    $.ajax({
        url: '/mainSalesman/addSalesmanLog',
        type: 'post',
        dataType: 'json',
        contentType: 'application/json;charset=utf-8',
        data: JSON.stringify({
            supportDate: $('#starDateYear').val(),  // 榜单日期（必填）
            supportedAccountId,                     // 销售榜单人员账号ID（必填）
            type,                                   // 类型 1：点赞；2：送花；3：留言（必填）
            supportedUserName,                      // 销售榜单人员姓名（必填）
            content: $('#messageContent').val()     // 留言内容 类型为3（留言时必传）
        }),
        success: function (data) {
            if (data.code == "000000") {
                if (type == 3) {
                    var num = $(rankId).find('span.action-3').html();
                    $(rankId).find('li:last-child span').html(++num);
                    $('#messageModal').modal('hide');
                    pageIndex = 1;
                    messageList(pageIndex, pageSize);
                } else {
                    var num = $this.prev('span').html();
                    $this.prev('span').html(++num);
                }
            } else {
                $.alert({
                    title: '系统提示',
                    content: data.data || data.message
                });
                type != 3 && $this.prop('disabled', false).find('i').removeClass('star-animate');
            }
        },
        error: function (err) {
            $.alert({
                title: '系统提示',
                content: '操作失败，请稍后重试！'
            });
            type != 3 && $this.prop('disabled', false).find('i').removeClass('star-animate');
        },
        complete: function () {
            type == 3 && $this.prop('disabled', false).html('提交');
        }
    })
}

/**
 * 功能：留言榜
 * supportedUserName    榜单人员用户名
 * createTm    留言时间
 * supportUserName    留言用户
 * content    留言内容
 * */
function messageList(pageIndex, pageSize, moreFlag) {
    $.ajax({
        url: '/mainSalesman/getTopSalesmanMessage',
        type: 'get',
        dataType: 'json',
        data: {
            pageIndex,
            pageSize,
        },
        success: function (data) {
            if (data.code == "000000") {
                var datas = data.data.list;
                var messageDom = '';
                var colorNum;
                for (let i = 0; i < datas.length; i++) {
                    colorNum = i > 4 ? '0' : i;
                    messageDom += `
                        <div class="message-list-item list-color-${colorNum}">
                            <div class="message-avatar">${datas[i].supportUserName.slice(0, 1)}</div>
                            <div>
                                <h5>${datas[i].supportUserName}<span>${datas[i].createTm}</span></h5>
                                <p title="${datas[i].content}"><span>#${datas[i].supportedUserName}#</span>${datas[i].content}</p>
                            </div>
                        </div>
                    `
                }
                if (moreFlag) {
                    $('#messageList').append(messageDom);
                    $('#messageList').animate({
                        scrollTop: pageIndex * pageSize * 68
                    }, 500);
                } else {
                    $('#messageList').html(messageDom);
                }
                if (data.data.total < 5) {
                    $('#moreMessage').addClass('no-more');
                }
                // 分页总数
                pageSum = data.data.pages;
            } else {
                $.alert({
                    title: '系统提示',
                    content: '留言榜数据加载失败！(错误代码：' + data.code + ')'
                });
            }
        },
        error: function (err) {
            $.alert({
                title: '系统提示',
                content: '留言榜数据加载失败！'
            });
        },
        complete: function () {
            if (pageIndex < pageSum) {
                $('#moreMessage').prop('disabled', false).html('更多');
            } else {
                $('#moreMessage').prop('disabled', false).html('收起');
            }
        }
    })
}


/**
 * 金额转换为千位加逗号分隔
 * @param price    金额数值
 * @param decimal  保留小数的位数
 */
function formatePrice(price, decimal) {
    //金额转换 分->元 保留2位小数 并每隔3位用逗号分开 1,234.56
    var str = price.toFixed(decimal);
    var dotNum;
    decimal > 0 ? dotNum = str.indexOf('.') : dotNum = str.length;
    var intSum = str.substring(0, dotNum).replace( /\B(?=(?:\d{3})+$)/g, ',' );//取到整数部分
    var dot = str.substring(str.length, dotNum)//取到小数部分搜索
    var ret = intSum + dot;
    return ret;
}


/**
 * 销售简报
 * */
function dataBriefing() {
    $.ajax({
        url: '/firstPageController/userFirstPageContent?yearMonth=' + ymDateStr,
        type: 'POST',
        dataType: 'JSON',
        success: function (data) {
            if (data.code == '000000') {
                var datas = data.data;
                console.log('销售简报数据：', datas);

                $('#newMember').text(formatePrice(datas.newMember || 0));
                $('#newContacts').text(formatePrice(datas.newContacts || 0));
                $('#newFollow').text(formatePrice(datas.newFollow || 0));
                $('#newOrder').text(formatePrice(datas.newOrder || 0));
                $('#newBusiness').text(formatePrice(datas.newBusiness || 0));
                $('#newPerformance').text(formatePrice(datas.newPerformance || 0));
            } else {
                $.alert({
                    title: '系统提醒',
                    content: '获取销售简报数据失败，错误代码(' + data.code + ')'
                });
            }
        },
        error: function (res) {
            console.log('获取销售简报数据出错，详情：', res);
        }
    })
}

/**
* 系统公告
* */
function announcementTableInit() {
    //先销毁表格
    $table.bootstrapTable('destroy');
    $table.bootstrapTable({
        classes: 'table table-noborder table-hover',
        url: '/announcement/pageList',
        method: 'post',
        //请求内容类型
        contentType: "application/x-www-form-urlencoded",
        //数据类型
        dataType: "json",
        //是否显示行间隔色
        striped: true,
        //是否启用排序
        sortable: true,
        //排序方式
        sortOrder: "desc",
        sortName: 'createTm',
        //是否使用缓存
        cache: false,
        //显示隐藏列
        showColumns: false,
        //显示刷新按钮
        showRefresh: false,
        //切换显示样式
        showToggle: false,
        //显示Table脚部
        showFooter: false,
        //是否显示分页
        pagination: true,
        //是否显示分页按钮
        showPaginationSwitch: false,
        //是否启用点击选中行
        clickToSelect: false,
        singleSelect: false,
        //最少要显示的列数
        minimumCountColumns: 2,
        //cell没有值时显示
        undefinedText: '-',
        //分页方式：client客户端分页，server服务端分页
        sidePagination: "server",
        //每页的记录行数
        pageSize: 5,
        //初始化加载第1页，默认第1页
        pageNumber: 1,
        //可供选择的每页的行数
        pageList: "[]",
        //查询参数
        queryParams: queryParams,
        columns: [
            {title: '主键', field: 'notifyId', visible: false},
            {title: '序号', field: 'index', align: 'left', valign: 'middle', width: '60', formatter: indexFormat},
            {title: '标题', field: 'title', align: 'left', valign: 'middle', formatter: operateFormat},
            {title: '发布人', field: 'createPeople', align: 'left', valign: 'middle'},
            {title: '发布时间', field: 'createTm', align: 'right', valign: 'middle', width: '180',
                /*formatter: function (value, row, index) {
                    if (value) {
                        var dateArr = value.split(' ');
                        return '<span class="text-left">' + dateArr[0] + '<br>' + dateArr[1] + '</span>';
                    } else {
                        return value;
                    }
                }*/
            },
        ],
        responseHandler: function (result) {
            if (result.code == "000000") {
                var obj = {
                    "rows": result.data,
                    "total": result.totalRecords
                };
            } else {
                var obj = {
                    "total": 0,
                    "rows": [],
                }
            }
            return obj;
        },
        onLoadSuccess: function () {
        },
        onLoadError: function (status) {
            if (status == 403) {
                $.alert({
                    title: '提示',
                    content: '权限不足！禁止访问！'
                });
            } else {
                // window.location.reload();
                //加载失败时执行
                $.alert({
                    title: '提示',
                    content: '公告数据加载失败，请刷新页面重试!'
                });
            }
        },
        formatLoadingMessage: function () {
            return "请稍等，加载中...";
        }, formatNoMatches: function () {
            return '无符合条件的记录';
        }
    });
}
function indexFormat(value, row, index) {
    return index + 1;
}
function queryParams(params) {
    //搜索条件
    params.searchInfo = $('#searchInfo').val();
    params.pageSize = params.limit;
    params.pageIndex = (params.offset / params.limit) + 1;
    params.sortName = params.sort; //排序列名
    params.sortOrder = params.order;//排序方式
    return params;
}
function operateFormat(value, row, index) {
    // type = 1 为用户模块-公告查看 没有编辑功能
    // let html = '<a class="js-create-tab" href="#!" data-url="/front/announcement/getAnnouncementDetail?id=' + row.notifyId + '">' + value + '</a>';
    let html = '<a class="js-create-tab" href="#!" data-url="/front/announcement/getAnnouncementDetail?id=' + row.notifyId + '&type=' + 1 + '">' + value + '</a>';
    return html;
}

function myRankData(){
    var dataYear = $('#statisticsYear').val();
    var dataMonth = $('#statisticsMonth').val();
    var datas;
    if (dataYear) {
        dataMonth ? datas = {dateType: 2, combination: dataYear + dataMonth} : datas = {dateType: 1, combination: dataYear}
    } else {
        datas = {
            dateType: '',
            combination: '',
        }
    }
    $.ajax({
        type: "post",
        url: "/firstPageController/performanceRanking",
        data: datas,
        dataType: 'json',
        success: function (data, status) {
            $('#myRank').html(data.data > 0 ? data.data : '<small>暂无排名</small>');
        }
    })
}

function funRankAchieve() {
    var tabsFlag = $('#rankTabActive').val();
    var dataYear = $('#statisticsYear').val();
    var dataMonth = $('#statisticsMonth').val();
    var datas;
    if (dataYear) {
        dataMonth ? datas = {dateType: 2, combination: dataYear + dataMonth, pageIndex:pageNum,pageSize:20,} : datas = {dateType: 1, combination: dataYear,pageIndex:pageNum,pageSize:20,}
    } else {
        datas = {
            dateType: '',
            combination: '',
            pageIndex:pageNum,
            pageSize:20,
        }
    }
    console.log(tabsFlag)
    if(tabsFlag == 0){

        // 业绩排行
        $.ajax({
            type: "post",
            url: "/firstPageController/personalPerformanceRanking",
            data: datas,
            dataType: 'json',
            success: function (data, status) {
                if(data.code=="000000"){
                    // console.log(data.data,9000)
                    var rankList = data.data.list;
                    var d_Ranking='';
                    for(let d=0,len=rankList.length;d<len;d++){
                        /*if(d>29){
                            break;
                        }*/
                        /*if (d < 5) {
                            var imgUrl = '/images/rankImg-0' + (d + 1) + '.png';
                        } else {
                            var imgUrl = '/images/rankImg-default.png';
                        }*/
                        d_Ranking += `
                            <div class="b-flex">
                                <div class="r-img"><div class="rank-avatar"><div><img data-original="${rankList[d].accessUrl || '/images/head-neutral.png'}" src="" alt="" class="lazy"></div></div></div>
                                <div class="r-name-money"><p><span>NO.${rankList[d].rowNum}</span>${rankList[d].userName}</p> <span>￥${formatPrice(rankList[d].contractActualTotalAmount)}</span></div>
                                <div class="r-company"><span> ${rankList[d].companyName!=null?rankList[d].companyName:''} </span></div>
                                <div class="r-num"><p>联系人数</p><span>${rankList[d].count}</span></div>
                            </div>
                        `

                    }
                    $(".l-wrap").html(d_Ranking);
                    $('.my-ranking span').show();
                    $('#myRank').html(data.data.ranking > 0 ? data.data.ranking : '<small>暂无排名</small>');

                    $('img.lazy').lazyload({
                        container: $('.rank-body'),
                        effect: 'fadeIn',
                        // threshold: 0,
                        // placeholder : '/images/head-neutral.png'
                    });
                }else{
                    $.alert({
                        title: '提示',
                        content: '业绩排行数据加载失败，请刷新页面重试!'
                    });
                    $(".l-wrap").html('')
                }
            },
            error: function () {
                $.alert({
                    title: '提示',
                    content: '业绩排行数据加载失败，请刷新页面重试!'
                });
                $(".l-wrap").html('')
            }
        });
    } else {
        // 产品排行
        $.ajax({
            type: "post",
            url: "/firstPageController/productTurnoverList",
            data: datas,
            dataType: 'json',
            success: function (data, status) {
                if(data.code=="000000"){
                    // console.log(data.data,9000)
                    var d_Ranking=''
                    for(let d=0,len=data.data.length;d<len;d++){
                        if(d > 29){
                            break;
                        }
                        if (d < 5) {
                            var imgUrl = '/images/rankImg-1' + (d + 1) + '.png';
                        } else {
                            var imgUrl = '/images/rankImg-1default.png';
                        }
                        d_Ranking+=`<div class="b-flex product-rank">
                            <div class="r-img"><img src="${imgUrl}" alt=""></div>
                            <div class="r-name-money"><p>${data.data[d].productName}</p> </div>
                            <div class="r-num"><p>￥ ${formatPrice(data.data[d].productFinalPrice)}</p></div>
                    </div>`

                    }
                    $(".l-wrap").html(d_Ranking)
                }else{
                    $.alert({
                        title: '提示',
                        content: '产品排行数据加载失败，请刷新页面重试!'
                    });
                    $(".l-wrap").html('')
                }
            },
            error: function () {
                $.alert({
                    title: '提示',
                    content: '产品排行数据加载失败，请刷新页面重试!'
                });
                $(".l-wrap").html('')
            }
        });
    }

}


/**
 * 合同趋势
 * */
$.ajax({
    type: "post",
    url: "/firstPageController/performanceTrend",
    dataType: 'json',
    success: function (data, status){
        if(data.code=='000000'){
            let xAxisData=[],yAxisData=[],yAxisData_last=[];
            let xLabelFormatter = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
            xAxisData=data.data.thisTime
            yAxisData=data.data.thisPerformance
            yAxisData_last=data.data.lastPerformance
            // xAxisData = ['2021-01', '2021-02', '2021-03', '2021-04', '2021-05', '2021-06', '2021-07', '2021-08', '2021-09', '2021-10', '2021-11', '2021-12'];
            // line_option.xAxis[0].data = xLabelFormatter.slice(0, xAxisData.length);
            line_option.xAxis[0].data = xLabelFormatter;
            line_option.series[1].data = yAxisData
            line_option.series[0].data = yAxisData_last
            myChart.setOption(line_option);
            window.onresize = myChart.resize;
        } else {
            $.alert({
                title: '提示',
                content: '合同趋势数据加载失败，请刷新页面重试!'
            });
        }
    },
    error: function() {
        $.alert({
            title: '提示',
            content: '合同趋势数据加载失败，请刷新页面重试!'
        });
    }
})
var eLine = document.getElementById("e-line")
let myChart = echarts.init(eLine);
const color = ['#718DD2', '#5EC5B4'];
var line_option={
    legend: {
        show: true,
        icon: 'circle',
        right: '20',
        top: '10',
        itemWidth: 10,
    },
    grid: {
        left: '30',
        right: '30',
        bottom: '28',
        top: '42',
        containLabel: true
    },
    tooltip: {
        trigger: 'axis',
        extraCssText: 'font-size:14px;line-height:24px;color:#567;background:#fff;padding:luck-table10px;box-shadow:0 0 3px rgba(0, 0, 0, 0.2)',
        formatter: function(params) {
            let html = ''
            params.forEach(v => {
                html += `<div><span style="display:inline-block;color: #999999;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${color[v.componentIndex]};"></span>${v.seriesName}业绩：<span style="color:${color[v.componentIndex]};font-size:18px;font-weight:700;padding-left: 10px;">${formatPrice(v.value)}</span>`
            })
            return html
        },
        axisPointer:{
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
        }
    },

    xAxis: [{
        show: true,
        default: 15,
        type: 'category',
        axisLine: {
            show: true,
            lineStyle:{
                color:'rgba(83, 83, 83,0.1)',
            }

        },
        axisTick:{//坐标轴刻度相关设置。
            show: false,
        },
        splitArea: {
            // show: true,
            color: '#f00',
            lineStyle: {
                color: '#f00'
            },
        },
        axisLabel: {
            color: '#999999',
            margin: 28,//刻度标签与轴线之间的距离。
            interval: 0,
        },
        splitLine: {
            show: false
        },
        boundaryGap: false,
        data: [],

    }],
    yAxis: [{
        type: 'value',
        min: 0,
        // max: 140,
        splitNumber: 4,
        splitLine: {
            show: true,
            lineStyle: {
                //坐标轴在 grid 区域中的分隔线。
                color: '#333'
            }
        },
        axisLine: {
            //坐标轴轴线相关设置
            show: false,
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: '#999999',
            },
            margin: 20,//刻度标签与轴线之间的距离。
        },
        axisTick: {
            show: false,
        },
    }],
    series: [
        {
            name: '去年',
            type: 'line',
            smooth: true, //是否平滑
            showAllSymbol: false,
            symbol: 'circle',
            symbolSize: 2,
            lineStyle: {
                normal: {
                    color: "#6A8ED8",
                },
            },
            markArea: {
                data: [
                    [{
                        yAxis: 0,
                        itemStyle: {
                            color: '#F9FAFC'
                        },
                    }, {
                        yAxis: 100000000
                    }]
                ]
            },
            itemStyle: {
                color: "#6A8ED8",
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: 'rgba(106, 142, 216, .5)'
                    },
                        {
                            offset: 1,
                            color: 'rgba(106, 142, 216,0)'
                        }
                    ], false),
                    shadowColor: 'rgba(106, 142, 216, 0.9)',
                    shadowBlur: 20
                }
            },
            data: [ ]
        },
        {
            name: '本年',
            type: 'line',
            smooth: true, //是否平滑
            showAllSymbol: false,
            symbol: 'circle',
            symbolSize: 2,
            lineStyle: {
                normal: {
                    color: "#1BC8B4",
                },
            },
            markArea: {
                data: [
                    [{
                        yAxis: 0,
                        itemStyle: {
                            color: '#F9FAFC'
                        },
                    }, {
                        yAxis: 100000000
                    }]
                ]
            },
            itemStyle: {
                color: "#1BC8B4",
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: 'rgba(27, 200, 180, .5)'
                    },
                        {
                            offset: 1,
                            color: 'rgba(27, 200, 180,0)'
                        }
                    ], false),
                    shadowColor: 'rgba(27, 200, 180, 0.9)',
                    shadowBlur: 20
                }
            },
            data: [ ]
        },

    ]
};
// myChart.setOption(line_option);


function messageInit() {
    //先销毁表格
    $('#messageTable').bootstrapTable('destroy');
    $('#messageTable').bootstrapTable({
        classes: 'table table-noborder table-hover',
        url: '/message/selectMessageList',//请求地址
        method: 'post',//请求方式
        contentType: "application/x-www-form-urlencoded",//请求内容类型
        dataType: "json",//数据类型
        striped: false,//是否显示行间隔色
        sortable: true,//是否启用排序
        sortOrder: "desc",//排序方式
        sortName: 'createTm',//排序字段
        cache: false,//是否使用缓存
        showColumns: false,//显示隐藏列
        showRefresh: false,//显示刷新按钮
        showToggle: false,//切换显示样式
        showFooter: false,//显示Table脚部
        pagination: true,//是否显示分页
        showPaginationSwitch: false,//是否显示分页按钮
        clickToSelect: false,//是否启用点击选中行
        singleSelect: false,
        minimumCountColumns: 2,//最少要显示的列数
        undefinedText: '-',//cell没有值时显示
        sidePagination: "server",//分页方式：client客户端分页，server服务端分页
        uniqueId: 'messageId',
        idField: 'messageId',
        pageSize: 4,//每页的记录行数
        pageNumber: 1,//初始化加载第1页，默认第1页
        pageList: [],//可供选择的每页的行数
        queryParams: function queryParams(params) {
            params.pageSize = params.limit;
            params.pageIndex = (params.offset / params.limit) + 1;
            params.sortName = params.sort; //排序列名
            params.sortOrder = params.order;//排序方式
            //普通搜索条件
            params.newsType = '4';  //0已读消息 1未读消息 2审批消息 3汇款消息 4系统消息
            params.sentMessage = '2';
            params.bs = '1';  //0管理 1用户
            return params;
        },//查询参数
        columns: [
            {title: '主键', field: 'messageId', visible: false},
            {title: '发送人id', field: 'senderId', visible: false},
            // {title: '', field: 'checked',checkbox: true, align: 'right',valign: 'middle',width:10},
            {title: '序号', field: 'index', align: 'left', valign: 'middle', width: '60', formatter: indexFormat},
            {title: '主题', field: 'theme', align: 'left', valign: 'middle', formatter: themeHtml, events:themeEvents},
            {title: '发送人', field: 'senderName', align: 'left', valign: 'middle', visible: true},
            {title: '发送时间', field: 'sendTm', align: 'right', valign: 'middle', visible: true,
                /*formatter: function (value, row, index) {
                    if (value) {
                        var dateArr = value.split(' ');
                        return '<span class="text-left">' + dateArr[0] + '<br>' + dateArr[1] + '</span>';
                    } else {
                        return value;
                    }
                }*/
            },
        ],
        responseHandler: function (result) {
            if (result.code == "000000") {
                var obj = {
                    "rows": result.data,
                    "total": result.totalRecords//总条数
                };

            } else {
                var obj = {
                    "total": 0,
                    "rows": [],
                }
            }
            return obj;
        },
        onLoadSuccess: function (data) {
            //加载成功时执行
            // $("[data-toggle='tooltip']").tooltip();//加这个是为了让操作列的提示图标显示在上方

            // 加载完数据更新系统右上角消息数量
            if ($("#newsType").val() == '1') {
                // console.log('未读消息列表');
                var iframeDom = $(window.parent.document);
                iframeDom && iframeDom.find('#unreadCount').text(data.total);
            }
        },
        onLoadError: function (status) {
            if (status == 403) {
                alert("权限不足！禁止访问！");
            } else {
                //加载失败时执行
                alert("加载失败！");
            }
        },
        formatLoadingMessage: function () {
            return "请稍等，加载中...";
        },
        formatNoMatches: function () {
            return '无符合条件的记录';
        },
    });
}

function themeHtml(value,row,index) {
    let html='';
    html=`<a href="#" id="themeId">${value}</a>`;
    return html;
}
window.themeEvents={
    "click #themeId":function (e,value,row,index) {

        let msgType=''
        if($("#sentMessage").val()==1){
            msgType=1
        }else{
            msgType=2
        }
        parent.$(parent.document).data('multitabs').create({
            iframe: true,
            title: '回复信息',
            url: "/front/messageManager/messageDetailUser?messageId="+row.messageId + "&msgType=" + msgType
        }, true);
    }
}

/**
 * 金额格式化函数
 * 将字符串中的整数或者浮点数格式化为千分位表示
 * 示例：formatPrice('$9999999'); // output $9,999,999
 *		formatPrice('今天我赚了$1000块'); // output 今天我赚了$1,000块
 *		formatPrice('今天我赚了$3000块，吃饭花了$100，给妹纸$1888零花钱'); // 今天我赚了$3,000块，吃饭花了$100，给妹纸$1,888零花钱
 * 		formatPrice('12345678.8654321'); //output "12,345,678.8654321"
 *		formatPrice('12345678.8654321.'); //output "12,345,678.8654321."
 *		formatPrice('12345678.8654321.6766'); //output "12345678.8654321.6766" 非标准浮点数，跳过
 * @param String|Number str 原始字符串或金额
 *
 */
function formatPrice(str){
    return String(str).replace(/\d+(?:\.\d+)*/g,function(price){
        var arr=price.split('.');
        if(arr.length>2){
            return price;
        }
        arr[0]=arr[0].replace(/(\d{1,3})(?=(\d{3})+$)/g, '$1,');
        return arr.join('.');
    });
}